/* base.css样式放在所有样式的前面，以确保 后面定义的 样式生效 */

/* 
  @charset在外部样式表文件内使用（比如当前文件），指定该样式表使用的字符编码，它的作用是当此文档内有汉语注释时，不至于文本出现乱码。
  该规则后面的分号是必须的，如果省略了分号，会生成错误信息。
  所有浏览器都支持此语法
*/
@charset "utf-8";

/* 禁用iPhone中 Safari的字号自动调整 */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* 去除iPhone中的默认input元素样式 */
input {
    -webkit-appearance: none;
    resize: none;
}

/* 取消链接高亮 */
body,
div,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 设置HTML5元素为块级元素 */
article,
aside,
details,
figcaption,
figure,
footer,
hgroup,
menu,
nav,
section {
    display: block;
}

/* 图片自适应 */
img {
    max-width: 100%;
    height: auto;
    width: auto\9;   
    -ms-interpolation-mode: bicubic;
    /* 为了照顾IE图片的缩放失真 */
}

/*  CSS里width: auto\9 是什么意思?
=====================================================================
    color:red;//一般浏览器识别，字体颜色为红
    color:blue \9;//IE8,IE9及以上版本识别，字体颜色为蓝
    *color:orange;//IE7识别，字体颜色为橘色
    _color:black;//IE6识别，颜色为黑
    顺序不能反过来，因为后面识别的会覆盖前面识别的

    ==================================================================
    这是专门针对ie的hack写法
    “\9″    在IE6/IE7/IE8/IE9/IE10下生效
    “\0”    在 IE8/IE9/IE10下生效
    “\9\0” 在IE9/IE10下生效
=====================================================================
*/


/* 元素获得焦点时， 取消掉 默认的轮廓边框 */
*:focus {
    outline: none;
}

/* 清零 */
article,
aside,
blockquote,
body,
button,
code,
dd,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
}

/* 移动端常用字符 */
body {
    font-family: Tahoma, Arial, "Roboto", "Driod Sans", "Helvetica Neue", "Droid Sans Fallback", "STHeiti", sans-serif;
}

/* 去掉em,i元素默认的倾斜 */
em,
i {
    font-style: normal;
}

/* 去掉strong元素默认的加粗 */
strong {
    font-weight: normal;
}

/* 清除浮动，使用时，在浮动元素的父元素加上clearfix类 */
/* 伪类用双冒号才是走符合未来标准的 */
/* 单冒号是为了兼容性，按实际情况定夺吧 */
/* 空字符就不用添加 font-size:0了，以免这个字符为0继承影响字元素的文本显示 */
.clearfix::after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.clearfix {
    *zoom: 1;
}

/*  *zoom: 1;这是针对于IE6的，因为IE6不支持::after伪类，这个神奇的zoom:1让IE6的元素可以清除浮动来包裹内部元素。具体意思的话，不用深究，听说微软的工程师自己都无法解释清楚。height:1%效果也是一样。 */

a {
    text-decoration: none;
    color: #929292;
    font-family: Tahoma, Arial, "Roboto", "Driod Sans", "Helvetica Neue", "Droid Sans Fallback", "STHeiti",sans-serif;
}


ul, ol {
    list-style: none;
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-family: Tahoma, Arial, "Roboto", "Driod Sans", "Helvetica Neue", "Droid Sans Fallback", "STHeiti",sans-serif;
}

/* fieldset为字段集的意思，是表单form元素的子元素，默认有个比较粗的黑边框 */
fieldset, img {
    border: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th {
    text-align: left;
}


input:password {
    ime-mode: disabled;
}

/* 英文句子换行，连续单词、数字超出空间也要换行 */
.wordwrap {
    word-break: break-all;
    word-wrap: break-word;/*使用空格或者标点换行，如果换行还是放不下单个单词，则开新行放它*/
}

/* 用于设置 单行文字超出容器宽度时，剩余文字省略显示 */
.omg {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 统一使用IE的怪异盒模型 */
* {
    box-sizing: border-box;
}

/*  */
a, img {
    -webkit-touch-callout: none;
}


/* 禁止选中文本 （可选） */
html, body {
    -webkit-user-select: none;
    user-select: none;
}